<template>
  <div class="topBars">
    <div class="iconfont iconarrow---left" @click="handleClick"></div>
    <span class="topName">{{msg}}</span>
  </div>
</template>

<script>
export default {
  props: ["msg"],
  methods: {
    handleClick(){
      this.$router.back();
    }
  }
};
</script>

<style lang="less" scoped>
.topBars {
  display: flex;
  padding: 4.444vw 0;
  justify-content: center;
  
  .iconarrow---left {
    padding: 1.111vw 0 0 5.556vw;
    font-size: 3.889vw;
    font-weight: 700;
  }

  .topName {
    flex: 1;
    text-align: center;
    padding-right: 8.333vw;
    font-weight: 700;
    font-size: 4.444vw;
  }
}
</style>